<template>
  <div class="topnav">
      <div>
        工作
      </div>

      <div class="topimg"></div>
      <div class="tongzhi">
        新要求会在这里滚动通知,进去看看
      </div>
      <div class="bottom-nav">
        <ul>
          <li><router-link exact to="/message"><i class='iconfont'>&#xe66e;</i><span>考勤</span></router-link></li>
          <li><router-link to='/work'><i class='iconfont'>&#xe7f8;</i><span>日常</span></router-link></li>
          <li><router-link to='/list'><i class='iconfont'>&#xe604;</i><span>排班</span></router-link></li>
          <li><router-link to='/mine'><i class='iconfont'>&#xe663;</i><span>岗位调动</span></router-link></li> 
          <li><router-link to='/mine'><i class='iconfont'>&#xe663;</i><span>交班记录</span></router-link></li> 
          <li><router-link to='/mine'><i class='iconfont'>&#xe663;</i><span>审批</span></router-link></li> 
          <li><router-link to='/mine'><i class='iconfont'>&#xe663;</i><span>用车申请</span></router-link></li> 
          <li><router-link to='/mine'><i class='iconfont'>&#xe663;</i><span>物品领用</span></router-link></li> 
          <li><router-link to='/mine'><i class='iconfont'>&#xe663;</i><span>智能设备</span></router-link></li> 
          <li><router-link to='/mine'><i class='iconfont'>&#xe663;</i><span>定位</span></router-link></li> 
        </ul> 
      </div>
  </div>
  
</template>

<script>
export default {
  name: 'Work',
  data () {
    return {
  
    }
  }
}
</script>


<style lang="less" scoped>
.topnav{
  width: 100%;
  height: 128/75rem;
  background-color: rgb(48, 145, 242);
  font-size: 40/75rem;
  color: rgb(255, 255, 255);
  text-align: center;
  line-height: 128/75rem;
}
.topimg{
  width: 685/75rem;
  height: 231/75rem;
  margin: 47/75rem 32/75rem 68/75rem;
  background-color: rgb(48, 145, 242);
}
.tongzhi{
  font-size: 28/75rem;
  color: rgba(0, 0, 0, 0.7);
}
.bottom-nav{
    width: 100%;
    height: 120/75rem;
    width: 100%;
    
    ul{
      width:100%;
      padding: 5px 0;
      li{
        float: left;
        width: 25%;
        margin-bottom: 58/75rem;
        text-align: center;
       a{
         display: block;
         line-height: 40/75rem;
       }
        i{
          line-height: 40/75rem;
          font-size:40/75rem 
        }
        span{
          display: block;
          font-size: 28/75rem;
        }
      }
    }
}
</style>
